<!--
  ========================LICENSE_START=================================
  screenit-web
  %%
  Copyright (C) 2012 - 2020 Facilitaire Samenwerking Bevolkingsonderzoek
  %%
  This program is free software: you can redistribute it and/or modify
  it under the terms of the GNU Affero General Public License as published by
  the Free Software Foundation, either version 3 of the License, or
  (at your option) any later version.
  
  This program is distributed in the hope that it will be useful,
  but WITHOUT ANY WARRANTY; without even the implied warranty of
  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  GNU General Public License for more details.
  
  You should have received a copy of the GNU Affero General Public License
  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  =========================LICENSE_END==================================
  -->
<wicket:extend xmlns:wicket="http://wicket.apache.org">
    <div class="row-fluid">
        <div class="span12">
            <h1 class="pageTitle">
                <wicket:message key="titel.medewerkerkoppelorganisatie"/>
            </h1>
        </div>
    </div>
    <fieldset>
        <div class="row-fluid form-horizontal">
            <wicket:container wicket:id="paspoort"/>

            <div wicket:id="dialog">
            </div>

            <fieldset>
                <form wicket:id="zoekForm">
                    <div class="row-fluid">
                        <div class="span6">
                            <div class="control-group">
                                <label class="control-label">Gemeentes <span
                                        class="label label-info">Multiselect</span></label>
                                <div class="controls">
                                    <select multiple="multiple"
                                            wicket:id="zoekGemeente">
                                    </select>
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label">AGB-code</label>
                                <div class="controls">
                                    <input class="input-large" type="text" wicket:id="zoekAgbCode">
                                </div>
                            </div>
                        </div>
                        <div class="span6">
                            <div class="control-group">
                                <label class="control-label">Mutatiesoort <span
                                        class="label label-info">Multiselect</span></label>
                                <div class="controls">
                                    <select multiple="multiple" wicket:id="mutatiesoort"></select>
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label">Mutatiedatum</label>
                                <div class="controls">
                                    Vanaf
                                    <div class="input-append">
                                        <input wicket:id="zoekMutatiedatumVanaf" type="text" placeholder="dd-mm-jaar"
                                               size="16" class="input-small three-months vanafDatum">
                                        <a href="javascript:void(0);" class="btn"
                                           onclick="$(this).prev().datepicker('show');return false;" title="Datum"><i
                                                class="icon-calendar"></i></a>
                                    </div>
                                    Tot en met
                                    <div class="input-append">
                                        <input wicket:id="zoekMutatiedatumTot" type="text" placeholder="dd-mm-jaar"
                                               size="16" class="input-small three-months">
                                        <a href="javascript:void(0);" class="btn"
                                           onclick="$(this).prev().datepicker('show');return false;" title="Datum"><i
                                                class="icon-calendar"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row-fluid">
                        <div class="span12">
                            <div class="form-actions clearfix">
                                <button class="btn btn-primary" wicket:id="zoeken">
                                    <i class="icon-search icon-white"></i> Zoeken
                                </button>
                            </div>
                        </div>
                    </div>
                </form>
            </fieldset>

            <fieldset wicket:id="medewerkerContainer">
                <div wicket:id="csv"></div>
                <div class="row-fluid">
                    <div class="span12">
                        <div wicket:id="organisaties"></div>
                    </div>
                </div>
            </fieldset>
        </div>
    </fieldset>
</wicket:extend>
